<template>
  <div  style="width:300px;height:240px">
    <van-tree-select  style="weith:140px;height:290px"
      v-model:active-id.sync="activeIds"
      v-model:main-active-index="activeIndex"
      :items="items"

    />

  </div>
</template>

<script>
import { ref } from 'vue';


export default {
  setup() {
    const activeId = ref([1, 2]);
    const activeIndex = ref(0);
    const items = [
      {
        text: '组织用户 ',
        children: [{text:'组织管理',id:1},{text:'用户管理',id:2},{text:'职业管理',id:3},{text:'岗位管理',id:4}]
      },
      {
        text: '菜单权限',
      
      },
            {
        text: '应用管理',
      
      },
            {
        text: '配置管理'
      },
       {
        text: '系统监控'
      },
       {
        text: '系统工具'
      },
    ];

    return {
      items,
      activeId,
      activeIndex,
    };
  },
};

</script>

<style>

</style>